.selectuser{
    width: 750rpx;
    height: 100vh;
    position: absolute;
    background-color: #ffffff;
    right: 0;
    left: 0;
    top: 0;
    z-index: 999;
    bottom: 0;
    .serch{
        input{
            background-color: #f5f5f5;
            height: 30px;
            border-radius: 5px;
            padding-left: 5px;
        }
        box-sizing: border-box;
        padding: 0 40rpx;
    }
    .wrap-list{
        overflow-y: scroll;
        height: calc(100vh - 100rpx);
    }
    .list{
        display: flex;
        flex-wrap: wrap;
        flex: 0 0 20%;
        margin-top: 40rpx;
        padding-left:  40rpx;
        margin-left: 6rpx;

        .name{
            margin-top: 5px;
            width: 140rpx;
            justify-content: space-evenly;
            height: 50rpx;
            font-size: 12px;
            display: flex;
            box-sizing: border-box;
            border-radius: 12rpx;
            align-items: center;
            justify-content: space-evenly;
            background-color: #fff;
            border: 1px solid #D4E8FA;
            color: #65B1F0;
            margin-right: 30rpx;
      
         
            image{
                width: 40rpx;
            }
      
          
        }
    .active{
            background-color:#dbebf8 ;
       }
    }
    .btn{
        position: fixed;
        bottom: 10px;
        line-height:40px ;
        background-color: #1296DB;
        color: #fff;
        height: 40px;
        width: 650rpx;
        text-align: center;
        left: 50%;
        border-radius: 5px;
        transform: translateX(-50%);
    }
}